<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <!-- <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1, user-scalable=no"/> -->
  <!-- <meta id="viewport" name="viewport" content="width=1024px, user-scalable=no"/> -->

  <title>football_coins</title>
  <link rel="stylesheet" href="football_coins.css">

</head>
<body>

  <div class='title_bar'> </div>
<div>
  <img class="back" src="./assets/top.jpg" alt="">
</div>
  <div>
      <svg width="100%" viewBox="0,0,1200,600" xmlns="http://www.w3.org/2000/svg">
        <g>
         <path stroke="#fff" id="svg" d="m0,600 L0,50 400,0 800,50 1200,0 1200,600 800,550  z" opacity="1" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#001947"/>
        </g>
       </svg>

  </div>
  <div class="tmp_block"></div>
  <div>
      <svg width="100%" viewBox="0,0,1200,600" xmlns="http://www.w3.org/2000/svg">
        <g>
         <path stroke="#fff" id="svg" d="m0,550 L0,50 400,0 1200,50 1200,550 800,600 z" opacity="1" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#001947"/>
        </g>
       </svg>
  </div>
  <div class="tmp_block"></div>

  <div>
      <svg width="100%" viewBox="0,0,1200,600" xmlns="http://www.w3.org/2000/svg">
        <g>
         <path stroke="#fff" id="svg" d="m0,550 L0,50 400,0 1200,50 1200,600 800,550 400,600 0,550 z" opacity="1" fill-opacity="null" stroke-opacity="null" stroke-width="0" fill="#001947"/>
        </g>
       </svg>

  </div>


 

<!-- <script src="{{staticDomain}}/public/js/zepto.min.js"></script> -->
<script src="jquery-3.1.1.js"></script>
<script src="football_coins.js"></script>
<script>

</script>
</body>
</html>
